<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<link rel="stylesheet" type="text/css" href="/css/base.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/common.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/content.css" media="screen" />

<link rel="stylesheet" type="text/css" href="/js/jqgrid/css/jquery-ui-1.10.3.custom.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/js/jqgrid/css/ui.jqgrid.css" media="screen" />

<script type="text/javascript" src="/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/js/jqgrid/js/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="/js/jqgrid/js/jquery.jqGrid.src.js"></script>
<!-- link rel="stylesheet" type="text/css" href="/js/jqgrid/src/css/ui.jqgrid.css" media="screen" />
<script type="text/javascript" src="/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/i18n/grid.locale-kr.js"></script>
<script type="text/javascript" src="/js/jqgrid/src/jquery.jqGrid.js"></script-->


<script type="text/javascript">
<!--
/* ******************************************************************
*  전역변수 선언
* ****************************************************************** */


var url = "/counsel/cns/";
var sData;

/* ******************************************************************
*  이벤 트 함수
* ****************************************************************** */

/* ******************************************************************
*   window_onload 이벤트
* ****************************************************************** */
$(document).ready(function(){

/*
	jQuery("#list2").jqGrid({

	    url : '/test/counsel/cns/cns0090.setCustRrvInfo',

	    datatype : "json",

	    colNames : ['Inv No', 'Date', 'Client', 'Amount', 'Tax'],

	    colModel:[

	           {name:'shop_name', index:'shop_name', width:55},

	           {name:'invdate', index:'invdate', width:90},

	           {name:'name', index:'name asc, invdate', width:100},

	           {name:'amount', index:'amount', width:80, align:"right"},

	           {name:'txt', index:'tax', width:80, align:"right"}

	    ],
        width: 749,
    	height: 140,
	    rowNum:10,

	    rowList:[10,20,30],

	    pager:'#pager2',

	    sortname:'id',

	    viewrecords: true,

	    sortorder:"desc",

	    caption:"JSON Example"

	});

	 jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
	 
*/


	//처음 페이지 로딩
	//Init();
	drawGrid();
});

/* ******************************************************************
*  그리드 디자인 및 이벤트
* ****************************************************************** */
/* ===========================
 * 그리드 디자인 및 데이터 바인딩
 * =========================== */
function drawGrid () {

	$("#gridList").jqGrid("GridUnload");			// 리드 초기화
	//$("#gridList").clearGridData();			// 리드 초기화

	$("#gridList").jqGrid({							//gridList 테이블에 jqgrid
    	datatype: "local",							//json 방식으로 가져온다
        //mtype: "GET",
        //height: "auto",
        //autowidth: false,
        //shrinkToFit:false,
        //width: "300",
    	// 이 구문이 있어야 JSON 데이터를 받아온다.
    	/*
        height: "auto",
        rownumbers: true, // 행번호 사용여부
        //toolbar : [true,"top"],
        scroll: 1,
        rowNum: 2,
        viewrecords:true,						//총 레코드의 수를 표시할지 여부
        multiselect: false,						//select box를 추가할지 여부
        loadonce:true,							//서버에서 데이터를 한번만 로그
        */
        width: 749,
    	height: 550,
      	rowNum:100,          //검색 row 개수
	    rowList:[100,200,300],

	    pager:'#pager2',
      	//forceFit:true, // 가로스크롤
      	//shrinkToFit:false,  //우측스크롤바 위의 조그만 공간 없애고 거기까지 width채움  // 가로스크롤
      	rownumbers:true,       //맨앞에 줄번호 보이기 여부
        rownumWidth:20,        //줄번호의 width      
		autowidth: true,	
		//rowTotal : -1,
       	sortname: 'shop_cd',
        viewrecords: true,
        sortorder: "desc",
    	caption: "Invoice Header",
    	//multiselect: true,
    	//multiboxonly: true,
       	//pager: '#pager7',
       	//loadtext:'Loading...',
    	//jsonReader: {repeatitems:false,ID:"ID",root:function(obj) {return obj;}},
    	
    	colNames:['거래처코드','거래처명','전화번호','건물명','호수','비고'],
    	
        colModel:[
            {name:'shop_cd'   ,index:'shop_cd'   ,align:"center", width:"50px"},
            {name:'shop_name'   ,index:'shop_name'   ,align:"center", width:"80px"},
            {name:'tel_no'   ,index:'tel_no'   ,align:"center", width:"80px"},
            {name:'addr_base'   ,index:'addr_base'   ,align:"center", width:"80px"},
            {name:'addr_detail'   ,index:'addr_detail'   ,align:"center", width:"80px"},
            {name:'desc'   ,index:'desc'   ,align:"center", width:"80px"}
            
        ]
			
    });
	
	//getCallList ();
}

/* ===========================
 * 그리드 데이터 바인딩
 * =========================== */
function getCallList () {

	//$('.loading').show();

	$.getJSON("/test/counsel/cns/cns0090.setCustRrvInfo"
			,{ shop_name  : $("#srchShopName").val()
		     }
			,function (resultJson) {

				//$('.loading').hide();

				$("#gridList").clearGridData();			// 리드 초기화
			    $("#gridList").jqGrid('setGridParam',{							//gridList 테이블에 jqgrid
			    	data: resultJson,
			    	datatype: "local",								//json 방식으로 가져온다
			        //mtype: "GET",
			        height: "auto",
			        autowidth: true,
			    	// 이 구문이 있어야 JSON 데이터를 받아온다.
			    	jsonReader: {repeatitems:false,ID:"ID",root:function(obj) {return obj;}},	
			    	
			        loadError:function(xhr, status, error){	//데이터가 없을경우 출력
						alert("데이터 로드에 실패 했습니다. 다시 시도하시기 바랍니다.");
					},
					loadComplete: function(data) {

						//var rowCnt = $("#gridList").getDataIDs().length;
						
						//if(rowCnt < 1){
						//}
						//else{
							//USER_Btn_false(btnI10, false);		//대분류신규
							//USER_Btn_false(btnI11, true);		//대분류저장	
						//}


						
					},
					ondblClickRow: function(rowid, iRow, iCol, e){ 

						
					},

					onSelectRow: function(rowid){

						
 
					}
			    }).trigger('reloadGrid');
	});
}
/* ******************************************************************
*  사용자 정의 함수
* ****************************************************************** */
/* ===========================
 * 화면초기화
 * =========================== */
function Init(){


	setInit();

	drawGrid ();		// 그리드 셋팅
	
}

function setInit()
{
	$("#cnsl_no").val(sData.cnsl_no);    // 상담번호
	$("#txtCustno").val(sData.mmb_no);    // 회원번호
	$("#txtCustnm").val(sData.custnm);    // 회원명
	//$("#txtTelno" ).val(sData.hmtel);     // 자택전화
	//sData.etctel    // 기타(직접입력)
	
	$("#selHh").selectOptionTimeHHMM(0, 23, "18");
	$("#selMi").selectOptionTimeHHMM(0, 59, "00");
	
	$("#selHh" ).val("${currentTime}".substring(0,2));
	$("#selMi" ).val("${currentTime}".substring(2,4));

}
// 전화구분에 따른 전화번호 셋팅 및 inputbox 비활성화 처리
function setTelno()
{

	var telDv = $("#selTelDv").val();
	
	switch (telDv)
	{
		// 자택
		case "PLCE001":
			
			$("#txtTelno").val(sData.hmtel);
			$("#txtTelno").attr("readonly", true);
			
		break;
		// 휴대폰
		case "PLCE003":

			$("#txtTelno").val(sData.mobtel);
			$("#txtTelno").attr("readonly", true);
			
		break;
		default:
			$("#txtTelno").val("");
			$("#txtTelno").attr("readonly", false);
			$("#txtTelno").focus();
			
	}
	
}


$(function() {


	
	/* ===========================
	 * 조회 버튼 클릭 이벤트
	 * =========================== */
	$("#btnSrch").click(function()
	{


		getCallList();
	});
	
	
	/* ===========================
	 * 초기화 버튼 클릭 이벤트
	 * =========================== */	
	$("#btnNew").click( function() {
		
		
		// 폼내에 컨트롤 초기화
		﻿$("#rrvForm").gControlReset();

		$("#datepicker3").val("${currentDate}");
		
		setInit();

	});

	/* ===========================
	 * 저장 버튼 클릭 이벤트
	 * =========================== */
	$("#btnSave").click(function()
	{
		alert("ddd");return;
		var crnc_pctr_no   = $("#crnc_pctr_no").val();
		var cus_no         = $("#txtCustno").val();
	    var cnsl_no        = $("#cnsl_no").val();
	    var mmb_nm         = $("#txtCustnm").val();
	    var rrv_dt         = $("#datepicker3").val().replace(/\-+/g,'');
	    var rrv_tm         = $("#selHh :selected").val() + $("#selMi :selected").val();
	    var pctr_telplce_dv= $("#selTelDv :selected").val();
	    var rrv_tel_no     = $("#txtTelno").val().replace(/\-+/g,'');
	    var rrv_memo       = $("#txaMemo").val();
	    var reg_team_cd    = $("#reg_team_cd").val();
	    var reg_part_cd    = $("#reg_part_cd").val();
	    var reg_crew_cd    = $("#reg_crew_cd").val();
	    var reg_user_id    = $("#userId").val();
	    var ps_team_cd     = $("#ps_team_cd").val();
	    var ps_part_cd     = $("#ps_part_cd").val();
	    var ps_crew_cd     = $("#ps_crew_cd").val();
	    var ps_user_id     = $("#ps_user_id").val();
	    var regp_id        = $("#userId").val();
	    var ps_dv          = $("#ps_dv").val();
	    
	    if(isNull(trim(rrv_tel_no)))
	    {
			alert("예약 전화번호를 입력해 주십시오.");
			return;
	    }

	    if(!isNull(crnc_pctr_no))
	    {
	    	if(ps_dv == "PSDV002")
	    	{
	    		alert("이미 처리된 예약건입니다.");
	    		return;
	    	}
	    	
	    	if(!confirm("수정 하시겠습니까?")) return;
	    }
	    else
	    {
	 		if(!confirm("저장 하시겠습니까?")) return;
	    }
	    
		 $.ajax({
			  type:'POST'
			  ,url:url+"cns0090.setCustRrvInfo"
			  ,data:{i_crnc_pctr_no   : crnc_pctr_no
				    ,i_cus_no         : cus_no
				    ,i_cnsl_no        : cnsl_no
				    ,i_mmb_nm         : mmb_nm
				    ,i_rrv_dt         : rrv_dt
				    ,i_rrv_tm         : rrv_tm
				    ,i_pctr_telplce_dv: pctr_telplce_dv
				    ,i_rrv_tel_no     : rrv_tel_no
				    ,i_rrv_memo       : rrv_memo
				    ,i_reg_team_cd    : reg_team_cd
				    ,i_reg_part_cd    : reg_part_cd
				    ,i_reg_crew_cd    : reg_crew_cd
				    ,i_reg_user_id    : reg_user_id
				    ,i_ps_team_cd     : ps_team_cd
				    ,i_ps_part_cd     : ps_part_cd
				    ,i_ps_crew_cd     : ps_crew_cd
				    ,i_ps_user_id     : ps_user_id
				    ,i_regp_id        : regp_id
				    }
			  ,async:false
			  ,dataType:"html"
			  ,success:function(data,textStatus) {
				alert("통화예약 등록 완료 되었습니다.");
				getCallList();
			  }
		 	  ,error:function() {
				alert("[통화예약 등록오류]\n\n관리자에게 문의해 주십시오.");

			  }
			 });
	});
	
	
});
-->
</script>
<div id="content" class="w1200">
	<div class="title clfix">
		<h1>거래처 관리</h1>
	</div>

	<div class="table_rightA">
		<table summary="로그인정보관리 조회" class="tb_type pdField0">
			<colgroup>
				<col width="80" />
				<col width="*" />
			</colgroup>
			<tbody>
				<tr class="lastLine">
					<th scope="row"><em>거래처명</em></th>
					<td>
						<div class="field">
							<input class="text_e w90p NoClear" name="srchShopName" id="srchShopName" title="거래처명 입력" value="" type="text" />
						</div>
					</td>
				</tr>
			
			</tbody>
		</table>		
		<div class="ar">
			<span class="btn_gy02"><button type="button" id="btnSrch" >조회</button></span>
		</div>
		
	</div>
	<!-- 통화예약 리스트 -->
    <table id="gridList"></table>
	<div id="pager2"></div>
</div>	       	
	        